<%@ page import="aqv.Project" %>
<!DOCTYPE html>
<html class="no-js" lang="en">
	<head>
		<meta name="layout" content="aqvLayout2">
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<meta charset="utf-8"/>
		<title>A qeuien voto | Listado de Projectos </title>
		<%--
			<g:set var="entityName" value="${message(code: 'project.label', default: 'Project')}" />
			<title><g:message code="default.create.label" args="[entityName]" /></title>
		--%>
	</head>
	<body>

		<!-- SUBHEADER
		================================================== -->
		<div id="subheader">
			<div class="row">
				<div class="twelve columns">
					<p>
						 Listado de Proyectos
					</p>
				</div>
			</div>
		</div>
		<div class="hr">
		</div>

	<!-- CONTENT 
	================================================== -->
		<div class="row">
			<div class="twelve columns noleftmargin">
			    <!-- MAIN CONTENT -->
				<div class="eight columns noleftmargin">
					<g:each in="${projectInstanceList}" status="i" var="projectInstance">
						<div class="six columns">
							<div class="boxblog">
								<h5><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "name")}</g:link></h5>
								<p class="small date">
									Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
								</p>
								<p>
									<img class="thumb" src="data:image/png;base64,${projectInstance.projectPic.encodeBase64()}"  />
<%--									<img src="images/temp/nivo3.jpg" alt="" class="thumb">--%>
									${fieldValue(bean: projectInstance, field: "description")}
								</p>
								<p>
									<a href="${createLink(controller : 'Project', action:'show', params: [id:projectInstance.id])}" class="small continue">Leer mas</a>
								</p>
							</div>
						</div>
					</g:each>
					
					
					<!-- REDOO -->
					<ul class="pagination">
						<li class="arrow unavailable"><a href="">&laquo;</a></li>
						<li class="current"><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
						<li><a href="">4</a></li>
						<li class="unavailable"><a href="">&hellip;</a></li>
						<li><a href="">12</a></li>
						<li><a href="">13</a></li>
						<li class="arrow"><a href="">&raquo;</a></li>
					</ul>
				</div>
				
				
				
				
				
				<!-- RETHINK -->
				
				
				<!-- SIDEBAR -->
				<div class="four columns">
					<h6 class="sidebartitle">RECENT COMMENTS</h6>
					<div class="avatar">
						<img src="images/temp/author1.png" alt="">
					</div>
					<p>
						 Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
					</p>
					<div class="avatar">
						<img src="images/temp/author2.png" alt="">
					</div>
					<p>
						 Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
					</p>
					<div class="avatar">
						<img src="images/temp/author3.png" alt="">
					</div>
					<p>
						 Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
					</p>
					<br class="clear"/>
					<h6 class="sidebartitle">POPULAR TAGS</h6>
					<a href="#" class="tags">Photography</a>
					<a href="#" class="tags">Vintage</a>
					<a href="#" class="tags">Nature</a>
					<a href="#" class="tags">Design</a>
					<a href="#" class="tags">Printing</a>
					<a href="#" class="tags">Contemporary</a>
					<a href="#" class="tags">Classic</a>
					<a href="#" class="tags">Elegant</a>
					<a href="#" class="tags">Graphics</a>
					<br class="clear"/>
					<br/><br/>
					<h6 class="sidebartitle">POPULAR POSTS</h6>
					<p>
						7 Oct 2013
					</p>
					<p>
						Many pieces were proposed, but none seemed suitable, because each one wished to play a good and suitable part ...
					</p>
					<p>
						6 Sept 2013
					</p>
					<p>
						It was ready for production, when through accident we were disappointed about securing the private theatre on ...
					</p>
					<p>
						4 Aug 2013
					</p>
					<p>
						The over-kind praise which it won encouraged me to have the play printed. I decided, as I could see no other prospects...
					</p>
				</div>
			</div>
		</div>
		<div class="hr">
		</div>

	</body>
</html>